<template>
    <div class="special">
        hello
    </div>
    <p>
        world
    </p>
</template>

<style scoped>
/* selector list */
/* if you hava more than one thing which uses the same CSS then 
the invidivual selectors can be combined into the a selector list
 so that the rule is applied to all of the individual selectors 
 for example if i have same css for an h1 and alse a class of .special,
 I could write this as two separate rules.
 I could also combine these into a selector list,by adding a comma between them.
 */
.special {
    color: greenyellow;
}

p {
    color: greenyellow;
}

.special,
p {
    color: red;
}
</style>